﻿#storeShade .item.check {
    background: #1c84c6;
    color: #fff;
}

input[type="number"] {
    -moz-appearance: textfield;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.condition .page-tips {
    background: #fffdcd;
    color: #bc7b21;
    font-size: 13px;
    padding: 4px 0 0 5px;
    clear: both;
}

.condition .page-tips .fa {
    font-size: 14px;
}

.sweet-alert .sa-icon.sa-success .sa-fix {
    width: 4px;
    height: 50px;
    left: 18px;
    top: 15px;
}

@-webkit-keyframes animateSuccessTip {
    0% {
        width: 0;
        left: -2px;
        top: 17px;
    }

    54% {
        width: 0;
        left: -2px;
        top: 17px;
    }

    70% {
        width: 38px;
        left: -7px;
        top: 29px;
    }

    84% {
        width: 17px;
        left: 11px;
        top: 37px;
    }

    100% {
        width: 21px;
        left: 8px;
        top: 36px;
    }
}

@keyframes animateSuccessTip {
    0% {
        width: 0;
        left: -2px;
        top: 17px;
    }

    54% {
        width: 0;
        left: -2px;
        top: 17px;
    }

    70% {
        width: 38px;
        left: -7px;
        top: 29px;
    }

    84% {
        width: 17px;
        left: 11px;
        top: 37px;
    }

    100% {
        width: 21px;
        left: 8px;
        top: 36px;
    }
}

@-webkit-keyframes animateSuccessLong {
    0% {
        width: 0;
        right: 34px;
        top: 45px;
    }

    65% {
        width: 0;
        right: 34px;
        top: 45px;
    }

    84% {
        width: 45px;
        right: -3px;
        top: 25px;
    }

    100% {
        width: 40px;
        right: 2px;
        top: 28px;
    }
}

@keyframes animateSuccessLong {
    0% {
        width: 0;
        right: 34px;
        top: 45px;
    }

    65% {
        width: 0;
        right: 34px;
        top: 45px;
    }

    84% {
        width: 45px;
        right: -3px;
        top: 25px;
    }

    100% {
        width: 40px;
        right: 2px;
        top: 28px;
    }
}

input.required, input.warning {
    background-position: right center !important;
}

.btn {
    outline: none !important;
}

.btn-default {
    background: linear-gradient(to right bottom, #fff 0%,1%,rgba(188, 180, 180, 0.43) 100%);
}

.btn-primary {
    background: linear-gradient(to right bottom, #fff 0%,1%,#1ab394 100%);
}

.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open .dropdown-toggle.btn-primary {
    background-color: #1dc5a3 !important;
    border-color: #1dc5a3 !important;
}

.btn-info {
    background: linear-gradient(to right bottom, #fff 0%,1%,#21b9bb 100%);
}

.btn-warning {
    background: linear-gradient(to right bottom, #fff 0%,1%,#f6a751 100%);
}

.btn-success {
    background: linear-gradient(to right bottom, #fff 0%,1%,#1c84c6 100%);
}

.btn-success:active,
.btn-success:focus,
.btn-success:hover,
.open .dropdown-toggle.btn-success {
    background-color: #1a7bb9 !important;
    border-color: #1a7bb9 !important;
}

.btn-danger {
    background: linear-gradient(to right bottom, #fff 0%,1%,#ec4758 100%);
}

.btn-outline {
    background: #fff !important;
}

.btn-outline.btn-success:active,
.btn-outline.btn-success:focus {
    color: #1a7bb9;
    border-color: #1a7bb9 !important;
    background-color: #fff !important;
}

.btn-outline.btn-success:hover {
    color: #fff !important;
    background-color: #1a7bb9 !important;
    border-color: #1a7bb9 !important;
}

.btn-outline.btn-primary:active,
.btn-outline.btn-primary:focus {
    color: #1dc5a3;
    border-color: #1dc5a3 !important;
    background-color: #fff !important;
}

.btn-outline.btn-primary:hover {
    color: #fff !important;
    background-color: #1dc5a3 !important;
    border-color: #1dc5a3 !important;
}

.btn-outline.btn-default {
    border-color: #000;
    color: #000;
}

.btn-outline.btn-default:active,
.btn-outline.btn-default:focus {
    color: #000;
    border-color: #000 !important;
    background-color: #fff !important;
}

.btn-outline.btn-default:hover {
    color: #fff !important;
    background-color: #000 !important;
    border-color: #000 !important;
}

.btn-outline.btn-danger:hover {
    color: #fff !important;
    background-color: #ea394c !important;
    border-color: #ea394c !important;
}

.btn-outline.btn-warning:hover {
    color: #fff !important;
    background-color: #f79d3c !important;
    border-color: #f79d3c !important;
}

.btn-outline.btn-info:hover {
    color: #fff !important;
    background-color: #21b9bb !important;
    border-color: #21b9bb !important;
}

.btn-container .text-default {
    color: #000 !important;
}

.btn-container .text-primary {
    color: #1ab394 !important;
}

.btn-container .text-success {
    color: #1a7bb9 !important;
}

.btn-container .text-info {
    color: #23c6c8 !important;
}

.btn-container .text-warning {
    color: #f8ac59 !important;
}

.btn-container .text-danger {
    color: #ed5565 !important;
}

.must-sign {
    display: inline-block;
    color: #f00;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    padding: 5px;
}

.sweet-alert .sa-icon {
    margin: 5px auto 15px auto !important;
}

.sweet-alert button {
    margin-top: 15px !important;
    font-size: 15px !important;
    padding: 4px 30px !important;
}

.label-float {
    float: left;
}

.label-inline {
    display: inline-block;
}

.label-text {
    color: red;
    padding: 1px 1px 1px 5px;
    position: relative;
}

.system-box {
    height: 100%;
}

.system-box .ibox-content {
    border: 0;
    padding: 5px;
}

.system-box .left-side,
.system-box .right-side {
    height: 100%;
    float: left;
    overflow:hidden;
}

.system-box .left-side {
    width: 220px;
    border-right: 1px solid #e7eaec;
}

.system-box .right-side {
    width: calc(100% - 221px);
}

.system-box .right-side .ibox-content {
    padding: 0 5px;
}

.system-box .right-side .right-content-box {
    overflow: auto;
}

.system-box .right-side .btns-container {
    padding: 3px 3px 0 0;
    overflow: hidden;
    border-bottom: 1px solid #e7eaec;
}

.system-box .right-side .btns-container button {
    float: left;
    padding: 2px 8px;
    margin: 0px 0px 3px 3px;
}

.system-box .right-side .search-container {
    padding: 2px;
    border-bottom: 1px solid #e7eaec;
}

.inmodal .modal-header {
    text-align: left;
    line-height: 24px;
    padding: 2px 10px;
}

.inmodal .modal-header .close {
    float: right !important;
    margin-top: 2px;
}

.inmodal .modal-body {
    padding: 10px 10px 0 10px;
}

.inmodal .modal-footer {
    padding: 5px;
}

.inmodal .modal-footer button {
    float: right !important;
    margin-right: 10px !important;
    padding: 3px 12px;
}

.module-info {
    width: 100%;
}

.module-info td .control-label {
    margin-right: 10px;
}

.module-info td {
    position: relative;
    width: 50%;
    line-height: 34px;
}

.module-info td input[type="text"],
.module-info td input[type="password"],
.module-info td input[type="number"],
.module-info td input[type="tel"],
.module-info td input[type="email"],
.module-info td select {
    width: 145px;
    margin-right: 5px;
    display: inline-block !important;
}

.module-info td select {
    margin-bottom: 0;
}

.module-info td .input-textarea {
    resize: none;
    display: inline-block;
    width: 518px;
}

.module-info td label {
    margin: 0;
    padding: 0;
}

.module-info .form-group {
    overflow: hidden;
    margin-bottom: 10px;
}

.module-info .checkbox {
    margin: 0;
    padding: 0;
    top: -2px;
}

.module-info .col-select {
    margin: 0;
    width: 145px;
    display: inline-block;
}

.module-info .col-select.province {
    margin-left: 12.5%;
}

.input-text-full {
    width: 518px;
    display: inline-block;
    margin-right: 5px;
}

.input-text-width {
    width: 240px;
    display: inline-block;
    margin-right: 5px;
}

.module-info .radio {
    display: inline-block;
    margin: 0 30px 0 0;
}

.module-info .gender-text {
    position: relative;
    display: inline-block;
    top: 3px;
}

.module-info #Memo {
    width: 69.5%;
    display: inline-block;
    resize: none;
    margin-left: 12.5%;
}

.module-info .date {
    width: 145px;
}

#lookOverWindow .modal-content {
    overflow: hidden;
}

#lookOverWindow .userDetail {
    width: 100%;
}

#lookOverWindow .userDetail td {
    border-bottom: 1px solid #dfdfdd;
    line-height: 30px;
}

.pageControl {
    overflow: hidden;
    font-size: 13px;
    border-top: 1px solid #dfdfdd;
    padding: 3px 0;
    line-height: 24px;
}

.pageControl span, .pageControl i {
    float: right;
}

.pageControl span {
    margin-right: 20px;
}

.pageControl #recordCount {
    margin-right: 50px;
}

.pageControl i {
    cursor: pointer;
    font-size: 20px;
    line-height: 24px;
    margin-left: 20px;
}

.pageControl .notUse {
    color: #dfdfdd;
}

.pageControl .recordCount::before,
#recordCount::before {
    content: "共";
}

.pageControl .recordCount::after,
#recordCount::after {
    content: "条记录";
}

.pageControl .pageCount::before,
#pageCount::before {
    content: "共";
}

.pageControl .pageCount::after,
#pageCount::after {
    content: "页";
}

.pageControl .goToPage,
#goToPage {
    float: right;
    height: 24px;
    width: 40px;
    outline: none;
    padding: 0;
    font-size: 12px;
    margin: 0 25px 0 20px;
}

.pageControl .pageNum,
#pageNum {
    float: right;
    line-height: 24px;
    height: 24px;
    width: 80px;
    text-align: center;
    outline: none;
    margin-left: 20px;
    padding: 0;
}

.pageControl .pageNum::-webkit-inner-spin-button,
#pageNum::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.pageControl .pageNum::-webkit-inner-spin-button,
#pageNum::-webkit-outer-spin-button {
    -webkit-appearance: none;
}
.table-select,.table {
    margin-top: 0 !important;
    border-left: 0;
    border-right: 0;
}

#pageList tr, .table-select tbody tr {
    cursor: pointer;
}

#pageList tr.check, .table-select tbody tr.check td:first-child {
    border-left: 4px solid #7acf89;
}

#pageList tr.check td, .table-select tbody tr.check td {
    background: #dff0d8;
    color: #222121;
}

.table-select .odd {
    background-color: #FFFFFF;
}

.table-select .even {
    background-color: #F5F5F6;
}

.modal-dialog .modal-body .tips {
    padding: 5px;
    border-bottom: 1px solid #e5e5e5;
    background: #fffdcd;
    color: #bc7b21;
}

.modal-dialog .btn-config-list {
    padding: 3px 3px 0 0;
    overflow: hidden;
}

.modal-dialog .btn-config-list .btn-container {
    float: left;
    margin: 0px 0px 3px 3px !important;
    border-radius: 3px;
    overflow: hidden;
    position: relative;
}

.modal-dialog .btn-config-list .btn-container button {
    padding: 6px 12px;
}

.modal-dialog .btn-config-list .btn-container .ischeck {
    display: none;
}

.modal-dialog .btn-config-list .btn-container.check .ischeck {
    font-size: 10px;
    position: absolute;
    bottom: 0;
    right: 0;
    color: #fff;
    display: inline-block;
    margin: 0 1px 0 0;
}

.modal-dialog .box-title {
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
}

.modal-dialog .box-title .left-side {
    float: left;
    width: 220px;
    line-height: 30px;
    border-right: 1px solid #e5e5e5;
    text-align: center;
}

.modal-dialog .box-title .right-side {
    float: left;
    line-height: 30px;
    width: calc(100% - 221px);
    overflow: hidden;
}

.modal-dialog .box-title .right-side-title {
    margin-left: 5px;
}

.modal-dialog .box-title .right-side #chooseAll {
    float: right;
    padding: 2px 6px;
    margin: 2px 5px 0 0;
}

.button-info #functiontype, .button-info #bstyle, .button-info #btntype {
    margin: 0;
    width: 145px;
    display: inline-block;
}

.button-info #stylePreview {
    width: auto;
    position: relative;
    top: -3px;
}

.btn-config-box {
    overflow: hidden;
}

.btn-config-box .btn-config-tree, .btn-config-box .btn-config-list {
    height: 100%;
    float: left;
    overflow-x: hidden;
    overflow-y: auto;
}

.btn-config-box .btn-config-tree {
    width: 220px;
    height: 250px;
    margin: 3px 0;
}

.btn-config-box .btn-config-list {
    width: calc(100% - 220px);
}

.table {
    margin-bottom: 0;
}

.jstree-open > .jstree-anchor > .fa-folder:before {
    content: "\f07c"
}

.jstree-default .jstree-icon.none {
    width: 0
}

.layer-date {
    vertical-align: middle !important;
}

.font-c-f00 {
    color: #f00 !important;
}

.input-w90 {
    width: 90px !important;
}

.input-w110 {
    width: 110px !important;
}

.input-w120 {
    width: 120px !important;
}

.input-w140 {
    width: 140px !important;
}

.input-w150 {
    width: 150px !important;
}

.input-w155 {
    width: 155px !important;
}

.input-w160 {
    width: 160px !important;
}

.input-w170 {
    width: 170px !important;
}

.input-w240 {
    width: 240px !important;
}

.input-w242d5 {
    width: 242.5px !important;
}

.input-w260 {
    width: 260px !important;
}

.input-w262 {
    width: 262px !important;
}

.input-w269 {
    width: 269px !important;
}

.input-w288 {
    width: 288px !important;
}

.input-w300 {
    width: 300px !important;
}

.input-w320 {
    width: 320px !important;
}

.input-w332d5 {
    width: 332.5px !important;
}

.input-w342 {
    width: 342px !important;
}

.input-w360 {
    width: 360px !important;
}

.input-w450 {
    width: 450px !important;
}

.input-w490 {
    width: 490px !important;
}

.input-w500 {
    width: 500px !important;
}

.input-w518 {
    width: 518px !important;
}

.input-w630 {
    width: 630px !important;
}

.input-w660 {
    width: 660px !important;
}

.input-w670 {
    width: 670px !important;
}

.table-w910 {
    width: 910px !important;
}

.diy-td-w30 {
    width: 30px !important;
}

.diy-td-w46 {
    width: 46px !important;
}

.diy-td-w50 {
    width: 50px !important;
}

.diy-td-w72 {
    width: 72px !important;
}

.diy-td-w86 {
    width: 86px !important;
}

.diy-td-w88 {
    width: 88px !important;
}

.diy-td-w90 {
    width: 90px !important;
}

.diy-td-w100 {
    width: 100px !important;
}

.diy-td-w120 {
    width: 120px !important;
}

.diy-td-w150 {
    width: 150px !important;
}

.diy-td-w160 {
    width: 160px !important;
}

.diy-td-w200 {
    width: 200px !important;
}

.diy-td-w250 {
    width: 250px !important;
}

.diy-td-w396 {
    width: 396px !important;
}

.diy-td-w399 {
    width: 399px !important;
}

.diy-td-w734 {
    width: 734px !important;
}


